// @import (css) '../common/index.wxss';
@import '../common/style/index.less';

@cell-group-title-font-size: var(--td-cell-group-title-font-size, 28rpx);
@cell-group-title-line-height: var(--td-cell-group-title-line-height, 90rpx);
@cell-group-title-padding-left: var(--td-cell-group-title-padding-left, 32rpx);
@cell-group-title-bg-color: var(--td-cell-group-title-bg-color, @bg-color-secondarycontainer);
@cell-group-title-color: var(--td-cell-group-title-color, @text-color-placeholder);
@cell-group-border-color: var(--td-cell-group-border-color, @component-stroke);

.@{prefix}-cell-group {
  position: relative;

  &__title {
    font-family: PingFangSC-Regular;
    font-size: @cell-group-title-font-size;
    color: @cell-group-title-color;
    text-align: left;
    line-height: @cell-group-title-line-height;
    background-color: @cell-group-title-bg-color;
    padding-left: @cell-group-title-padding-left;
  }

  &--bordered {
    &::before {
      .hairline-top(@cell-group-border-color);
      transform-origin: top;
      z-index: 1;
    }

    &::after {
      .hairline-bottom(@cell-group-border-color);
      transform-origin: bottom;
      z-index: 1;
    }
  }

  &--card {
    margin: 0 32rpx;
    border-radius: @radius-large;
    overflow: hidden;
  }
}
